<!DOCTYPE HTML>
<!--[if IE 7]>         <html class="no-js ie7"> <![endif]-->
<!--[if IE 8]>         <html class="no-js ie8"> <![endif]-->
<!--[if IE 9]>         <html class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>PMI : The Rules</title>

<link href="/_layouts/Css/main.css" rel="stylesheet" type="text/css" />
<link href="/_layouts/Css/modules/searchLikeLabel.css" rel="stylesheet" type="text/css" />
<link href="/_layouts/Css/modules/squareBannerHeader.css" rel="stylesheet" type="text/css" />
<link href="/_layouts/Css/modules/newLinks.css" rel="stylesheet" type="text/css" />
<link href="/_layouts/Css/modules/nav.css" rel="stylesheet" type="text/css" />
<link href="/_layouts/Css/modules/carrousel.css" rel="stylesheet" type="text/css" />
<link href="/_layouts/Css/modules/docTab.css" rel="stylesheet" type="text/css" />
<link href="/_layouts/Css/modules/helpSupport.css" rel="stylesheet" type="text/css" />
<link href="/_layouts/Css/modules/aboutThis.css" rel="stylesheet" type="text/css" />
<link href="/_layouts/Css/modules/shortcuts.css" rel="stylesheet" type="text/css" />
<link href="/_layouts/Css/modules/colorbox.css" rel="stylesheet" type="text/css" />
<link href='/_layouts/Css/modules/fullcalendar.css' rel='stylesheet' />
<script data-main="/_layouts/Scripts/bootstrap.js" src="/_layouts/Scripts/vendor/require.js" type="text/javascript"></script>

</head>
<body>
<div id="wrapper">
	<div id="header">
		<div id="headerContentTop">
			<h1>Space Name</h1>
			<div id="searchLikeLabel">
				<form id="search">
					<div class="textBlock">
						<span class="text">SEARCH IN: </span>
						<select id="searchHere">
						  <option value="test1">test1</option>
						  <option value="test2">test2</option>
						  <option value="test3">test3</option>
						  <option value="test4">test4</option>
						</select>
					</div>
					​<input type="text" name="field" class="searchWord" /> <input type="button" value="" name="" class="search">
				</form>
				<a href="#" class="like">like</a> <a href="#" class="label">label</a>
			</div>
		</div>
		<div id="headerContentBottom">
			<div id="square">
				<a href="#" class="pencil white">edit</a>
				<img src="/_layouts/images/squareImg.jpg" >
			</div>
			<div id="banner">
				<a href="#" class="pencil white">edit</a>
				<img src="/_layouts/images/squareBanner.jpg" >
			</div>
		</div>
	</div>
	<div id="content">
		<div id="contentGeneral">
			<div id="sidebarLeft" data-module="team-navigation">

			</div>
			<div id="contentContent">
				<div data-module="shortcuts"></div>

				<div class="documentList" data-module="latest_documents">

				</div>
				<div class="projects" data-module="projects">

				</div>
				<div class="discussions" data-module="discussions">

				</div>
			</div>
			<div id="sidebarRight">
				<div class="upcomingEvents" data-module="upcomingEvents">

				</div>
				<div id="calendarPmi" data-module="calendar"></div>
				<div class="links" data-module="links">

				</div>
				<div class="helpSupport">
					<div class="title">
						<span></span>
						<h2>Help &amp; Support</h2>
					</div>
					<ul class="nav">
						<li>
							<ul>
								<li><a href="#">If you need <strong>Help</strong> click here</a></li>
								<li><textarea rows="4" cols="50"></textarea></li>
								<li><button type="button" class="submit">Submit</button></li>
							</ul>
						</li>
					</ul>
				</div>
				<div data-module="spaceOwners"></div>


			</div>
		</div>
	</div>
	<div id="footer">
		<span class="pmiLogo">Phillip Morris International</span>
		<span class="rights">PMI Social Computing and Collaboration Spaces - The Rules</span>
	</div>
</div>
</body>
</html>